let fadeTarget = document.getElementById("detail-poster") let faedEffect = setInterval(function () { if (!fadeTarget.style.opacity) { fadeTarget.style.opacity = 1 } if (fadeTarget.style.opacity > 0) { fadeTarget.style.opacity -= 0.1 } else { clearInterval(faedEffect) } this.num = (this.num + 1) % this.backDropImage?.backdrops.length }, 200) }Encuentro el efecto de desvanecimiento de Vanilla js pero no hay efecto de desvanecimiento . ¿Alguien sabe cómo hacer que el efecto de desvanecimiento con Vanilla js?
Básicamente, haces lo contrario del desvanecimiento que tienes arriba, pero comienzas en cero e incrementas (en lugar de disminuir) la opacidad hasta que sea igual a 1.
let fadeTarget = document.getElementById("detail-poster") let fadeEffect = setInterval(function () { if (!fadeTarget.style.opacity) { fadeTarget.style.opacity = 0 } if (fadeTarget.style.opacity < 1) { fadeTarget.style.opacity += 0.1 } else { clearInterval(fadeEffect) } }, 200)